// src/pages/dashboard/index.vue
<template>
	<div class="dashboard-container">
		<el-row :gutter="20">
			<el-col :span="12">
				<CheckStatsChart />
			</el-col>
			<el-col :span="12">
				<TaskProgressChart />
			</el-col>
		</el-row>
		<el-row :gutter="20" class="mt-4">
			<el-col :span="24">
				<SparePartsChart />
			</el-col>
		</el-row>
	</div>
</template>

<script>
import CheckStatsChart from './CheckStatsChart.vue'
import TaskProgressChart from './TaskProgressChart.vue'
import SparePartsChart from './SparePartsChart.vue'

export default {
	components: {
		CheckStatsChart,
		TaskProgressChart,
		SparePartsChart
	}
}
</script>

<style scoped>
.dashboard-container {
	padding: 20px;
}

.mt-4 {
	margin-top: 20px;
}
</style>


